import Canvas from './canvas';

let canvasInstance;
let unmount;
// #ifndef VUE3
import Vue from 'vue';

// 构造组件
const canvasConstructor = Vue.extend(Canvas);

// 实例化组件，
canvasInstance = new canvasConstructor();
// 设置 props
// canvasInstance.visible = false;
// Object.assign(currentMsg, {
// 	visible: false,
// 	id: 'ad_canvas'
// });
// 挂载组件实例
canvasInstance.$mount();
// // 挂载组件元素
// document.body.appendChild(canvasInstance.$el);

// // 卸载组件
// unmount = () => {
// 	canvasInstance.$destroy();
// 	document.body.removeChild(canvasInstance.$el);
// }

// #endif

// #ifdef VUE3
import {
	createApp
} from 'vue';

// 实例化组件，createApp第二个参数是props
// const canvasInstance = createApp(Canvas, {
// 	visible: false,
// 	id: 'ad_canvas'
// });
const canvasInstance = createApp(Canvas);
// // 卸载组件
// unmount = () => {
// 	canvasInstance.unmount();
// 	// document.body.removeChild(parentNode);
// };
// // 创建一个挂载容器
// const parentNode = document.createElement('div');
// document.body.appendChild(parentNode);
// 挂载组件
// canvasInstance.mount(parentNode);
canvasInstance.mount();

// #endif

export default canvasInstance
